<template>
  <div>

    <a-skeleton active="true" v-show="isSkeleton">
    </a-skeleton>

    <a-descriptions title="User Info" v-show="!isSkeleton">
      <a-descriptions-item label="UserName">
        Zhou Maomao
      </a-descriptions-item>
      <a-descriptions-item label="Telephone">
        1810000000
      </a-descriptions-item>
      <a-descriptions-item label="Live">
        Hangzhou, Zhejiang
      </a-descriptions-item>
      <a-descriptions-item label="Remark">
        empty
      </a-descriptions-item>
      <a-descriptions-item label="Address">
        No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
      </a-descriptions-item>
    </a-descriptions>
  </div>
</template>

<script>

    //
    // ReactDOM.render("<Skeleton active />", mountNode);
    export default {
        name: "Skeleton",
        data () {
            return {
              isSkeleton : true,
            }
        },

        methods: {
            showDesc () {
                let _this = this;
                setTimeout(function () {
                    _this.isSkeleton = false;
                },1000)
            }
        },

        mounted () {
            this.showDesc();
        }
    }

</script>

<style scoped>

</style>
